<html><head>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>HTML Parser / Adsense Parser</title>
<link rel="shortcut icon" href="http://triecilix.blogspot.sg/favicon.ico" type="image/ico">
<style type="text/css"> 
#codes {padding: 5px;margin: 5px auto 10px;display: block;width: 100%;height: 200px;background: none repeat scroll 0 0 #fafafa;border: 2px solid #02C7FD;}
.button-group {margin: 0 auto;text-align: center;}
h1{color:#02C7FD;font-size:25px;font-family:arial,sans-serif;}
.tri_button{display: inline-block; text-decoration: none; outline: 0; cursor: url(http://lh6.googleusercontent.com/-CInr4otnlmc/U_HoJX93zpI/AAAAAAAAFoA/xYYTFIUHAUk/h120/cursor-hover.png),progress; font: 700 12px/1em HelveticaNeue,Arial,sans-serif; padding: 8px 11px; color: #000; text-shadow: 0 1px 0 #fff; background: #02C7FD; border: 1px solid #028BB1; border-color: #028BB1 #01617B #014456; border-radius: 4px; box-shadow: 0 1px 2px #eaeaea,inset 0 1px 0 #fbfbfb;}
.tri_button:focus,.tri_button:hover{color: #fff; background: #3cb0fd; background: -webkit-gradient(linear,left top,left bottom,from(#3cb0fd),to(#3498db)); background: -moz-linear-gradient(top,#3cb0fd,#3498db); border-color: #ccc; box-shadow: 0 1px 2px #3cb0fd,inset 0 1px 0 #3498db;}
.tri_button:active{ position: relative; top: 1px; color: #fff; background: #028BB1; background: -webkit-gradient(linear,left top,left bottom,from(#01617B),to(#014456)); background: -moz-linear-gradient(top,#01617B,#014456); border-color: #c6c6c6; box-shadow: 0 1px 0 #01617B,inset 0 0 5px #014456;}
.tri_button.rounded{padding:8px 15px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
button.tri_button,input.tri_button{*width:auto;*overflow:visible}
.tri_button img{border:none;vertical-align:bottom}
.tri_button.small{padding:5px 11px;font-size:11px;font-weight:400;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.tri_button.small.rounded{-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px}
.tri_button.large{padding:12px 15px;font-size:20px;font-weight:400;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.tri_button.large.rounded{padding:12px 22px;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px}
</style>
<script type="text/javascript"> 
function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value; cv = cv.replace(/&/g, "&amp;"); cv = cv.replace(/'/g, "&#039;"); cv = cv.replace(/"/g, "&quot;"); cv = cv.replace(/</g, "&lt;"); cv = cv.replace(/>/g, "&gt;"); ctarea.value = cv; ctarea.focus(); ctarea.select(); };
</script>
<!-- head -->
</head>
<body>
<h1>Simple HTML Parser</h1>
<textarea id="codes" placeholder="Tulis / Paste kode di sini lalu klik tombol ( Konversi ) .."></textarea>
<div class="button-group">
<button onclick="cdConvert();" class="tri_button large rounded"><i class="icon-ok icon-large"></i> Konversi</button> <button onclick="cdClear();" class="tri_button large rounded"><i class="icon-trash icon-large"></i> Bersihkan</button></div><link href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/></body></html>